{include file="public/_head" /}
<div class="container">
    <div class="content center-block animated fadeInDown">
        <div class="page-header h1">用户注册</div>
        <form action="#">
            <div class="form-group">
                <label for="username" class="control-label">用户名</label>
                <input type="text" class="form-control" id="username" name="username" placeholder="填写用户名" />
            </div>
            <div class="form-group">
                <label for="email" class="control-label">邮箱</label>
                <input type="email" class="form-control" id="email" name="email" placeholder="填写邮箱">
            </div>
            <div class="form-group">
                <label for="password" class="control-label">密码</label>
                <input type="password" class="form-control" id="password" name="password" placeholder="填写密码" />
            </div>
            <div class="form-group">
                <label for="conpass" class="control-label">确认密码</label>
                <input type="password" class="form-control" id="conpass" name="conpass" placeholder="确认密码" />
            </div>
            <div class="form-group">
                <label for="verify" class="control-label">验证码</label>
                <div class="input-group">
                    <input type="text" class="form-control" id="verify" name="verify" placeholder="验证码" />
                    <span class="input-group-addon"><img src="{:captcha_src()}" alt="验证码" onclick="this.src='{:captcha_src()}'"></span>
                </div>
            </div>
            <div class="form-group">
                <button class="btn btn-primary btn-block" id="register">注册</button>
            </div>
        </form>
    </div>
    <div class="bottom center-block animated fadeInUp">
        Copyright 2018 {$systemInfo.copyright} All Rights Reserved
    </div>
</div>

<script src="/static/index/js/jquery-3.3.1.min.js"></script>
<script src="/static/index/js/bootstrap.min.js"></script>
<script src="/static/lib/layer/layer.js"></script>
<script>
    $(function () {
        $('#register').click(function () {
            $.ajax({
                url:"{:url('index/index/register')}",
                type:'post',
                data:$('form').serialize(),
                dataType:'json',
                success:function (data) {
                    if (data.code == 1) {
                        layer.msg(data.msg, {
                            icon:6,
                            time:2000
                        }, function () {
                            history.go(-1);
                        });
                    }else {
                        layer.open({
                            title:'注册失败',
                            content:data.msg,
                            icon:5,
                            anim:6
                        });
                    }
                }
            });
            return false;
        });
    });
</script>
</body>
</html>